<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style lang="less">
  @import './utils/utilCSS/index.less';
  html,
  body,
  #app {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    // overflow: hidden;
  }

  html,
  body {
    width: 100%;
    font-family: "SY";

    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-track {
      width: 8px;
      background: rgba(#101F1C, 0.1);
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius: 2em;
    }

    ::-webkit-scrollbar-thumb {
      background-color: rgba(#101F1C, 0.5);
      background-clip: padding-box;
      min-height: 28px;
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius: 2em;
    }

    ::-webkit-scrollbar-thumb:hover {
      background-color: rgba(#5e5e5e, 1);
    }

  }
</style>

